<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>方案详情</title> 
	<meta name="author" content="BIZ Team" />
	<meta name="copyright" content="BIZ" />
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<link rel="icon" href="${base}/favicon.ico" type="image/x-icon" />
	<link href="${base}/resources/shop/css/product.css" rel="stylesheet" type="text/css" />
	<link href="${base}/resources/mobile/css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	[#include "/pad/include/search.ftl" /]
	<div class="content container clearfix">
			<div class="left content_main">
				<nav class="head_nav classification product_nav clearfix">
					<label>方案详情：</label>
					<ul>
						<li><a href="#">${schemeType.title}&gt;</a></li>
						<li>${abbreviate(scheme.name, 50, "...")}</li>
					</ul>
				</nav>
				<div class="con_top clearfix">
					<div class="float_f left">
						<div class="productImage clearfix">
							[#if scheme.schemeImages?has_content]
								<a id="zoom" class="clearfix" href="${scheme.schemeImages[0].large}" rel="gallery">
									<img class="medium" src="${scheme.schemeImages[0].medium}" />
								</a>
							[#else]
								<a id="zoom" class="clearfix" href="${setting.defaultLargeProductImage}" rel="gallery">
									<img class="medium" src="${setting.defaultMediumProductImage}" />
								</a>
							[/#if]
							<a href="javascript:;" class="prev"></a>
							<div id="scrollable" class="scrollable">
								<div class="items">
									[#if scheme.schemeImages?has_content]
										[#list scheme.schemeImages as image]
											<a[#if image_index == 0] class="current"[/#if] href="javascript:;" rel="{gallery: 'gallery', smallimage: '${image.medium}', largeimage: '${image.large}'}"><img src="${image.thumbnail}" title="${image.title}" /></a>
										[/#list]
									[#else]
										<a class="current" href="javascript:;"><img src="${setting.defaultThumbnailProductImage}" /></a>
									[/#if]
								</div>
							</div>
							<a href="javascript:;" class="next"></a>
						</div>
					</div>
					<div class="details_con_right float_r">
						<input type="hidden" id="schemeId" value="${scheme.id}" />
						<input type="hidden" id="ktId" value="${typeIdZNKT}" />
						<input type="hidden" id="typeId" value="${scheme.type}" />
						<input type="hidden" id="schemePrice" value="${scheme.price}" />
						<input type="hidden" id="schemeAcreage" value="${scheme.acreage}" />
						<input type="hidden" id="auxiliaryUnitPrice" value="${scheme.auxiliaryUnitPrice}" />
						<input type="hidden" id="installCost" value="${scheme.installCost}" />
						<h2>${scheme.name}</h2>
						<!-- <p class="main_color introduction"></p>	 -->
						<ul class="product_information">
							<li>
								<label>方案编号：</label>
								<span>${scheme.sn}</span>
							</li>
							<li>
								<label>销售价格：</label>
								<span><label class="red font-bold price">￥${scheme.price?string("0.00")}</label><span>元/套</span></span>
							</li>
							<li>
								<label>方案面积：</label>
								<span>${scheme.acreage}㎡</span>
							</li>
							<li>
								<label>适用面积：</label>
								<span id="schemeArea" data_endArea="${scheme.endArea}" data_beginArea="${scheme.beginArea}">${scheme.beginArea}&nbsp;至&nbsp;${scheme.endArea}㎡</span>
							</li>
							<li>
								<label>适用户型：</label>
								<span>
									[#list schAttrs as schattr]
										[#list attrs as att]
											[#if att == schattr.id]
												${schattr.title}
											[/#if]
										[/#list]
									[/#list]
								</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="bespoke_bar clearfix"> 
					<div class="left">
						<label>方案确认</label>
					</div>
					<div class="right">
						<span class="red">￥</span>
						<span class="red price" id="surePrice">${scheme.price?string("0.00")}</span>
						<input type="button" class="_btn bespoke_btn" id="bespokeBtn" value="立即预约"  ming='${mingzhuangId}' an='${anzhuangId}' fangan='${scheme.category}'/>
					</div>
				</div>
				<div class="bespoke_table clearfix">
					<div class="left">
						<table>
							<thead>
								<tr>
									<th>主材名称</th>
									<th>主材品牌</th>
									<th>主材规格</th>
									<th>主材分类</th>
									<th>主材数量</th>
									<th>差价</th>
									<th>选择</th>
								</tr>
							</thead>
							<tbody id="sproductBody" data_isChange="${scheme.isChange}" data_isTehui="${scheme.isTehui}" data_isAirConditioner="${scheme.type}">
								[#list scheme.schemeProducts as sp]
									<tr class="sproductTr" 
										[#if sp.name == "电热执行器"]id="WK_TR_ID" style="display:none;" [/#if]
										[#if sp.name == "温控面板"]id="MB_TR_ID" style="display:none;" [/#if]
										[#if sp.name == "卫浴散热器"]id="SRQ_TR_ID" style="display:none;" [/#if]
										[#if sp.name == "提升泵"]id="TSB_TR_ID" style="display:none;" [/#if]
										[#if sp.name == "控制器"]id="KZQ_TR_ID" style="display:none;" [/#if]
									>
										<input type="hidden" name="spId" class="spId" value="${sp.id}">
										<td class="spName" title="${sp.name}">${abbreviate(sp.name, 20, "...")}</td>
										<td class="spBrand">${sp.brand.name}</td>
										<td class="spModel">${sp.specificationValue.name}</td>
										<td class="spCategory">${sp.category.title}</td>
										<td class="spNumber">[#if sp.distType ==3]<input type="text" class="text changeNumber" value="0" style="width:32px;"/>[#else]1[/#if]</td>
										<td class="spPrice">0.00</td>
										<!--主材原价，价格不改变-->
										<input type="hidden" name="spPrice" class="price" value="${sp.price}">
										<input type="hidden" name="spCategoryId" class="spCategoryId" value="${sp.nameId}">
										<!--主材系数，有值则是有系数的，没有值表示无系数-->
										<input type="hidden" name="spCoefficient" class="spCoefficient" value="${sp.coefficient}">
										<!--类型区分值，1表示有系数，2表示无系数且不是自选商品，3表示自选商品-->
										<input type="hidden" name="distType" class="distType" value="${sp.distType}">
										<!--差价隐藏值-->
										<input type="hidden" name="hidChajia" class="hidChajia" value="0.00">
										<!--方案单排价格，用于有系数时计算-->
										<input type="hidden" name="checked_scheme_price" class="checked_scheme_price" value="${sp.price}">
										<td>
											[#if !scheme.isChange && !sp.isTehui && sp.name != "室外机"]
												<a href="javascript:;" class="changeWood" data_id="${sp.id}"><span class="red">[更换]</span></a>
											[/#if]
										</td>
									</tr>
								[/#list]
								<tr>
									<td colspan="7" id="selectRow">
										[#if scheme.type == typeIdZNNQ]
											[#if scheme.category == categoryIdDL]
												<label><input type="checkbox" id="selectWK" />选择电热执行器和温控面板</label>
												<label><input type="checkbox" id="selectSRQ" />选择卫浴散热器</label>
											[/#if]
										[/#if]
										[#if scheme.type == typeIdZNKT]
											<label><input type="checkbox" id="selectTSB" />选择提升泵</label>
											<label><input type="checkbox" id="selectKZQ" />选择控制器</label>
										[/#if]
									</td>
								</tr>
								<tr>
									<td colspan="7">
										<label>合计：</label>
										<span class="red" id="subtotalPrice">0.00</span>
										<span>元</span>
									</td>
								</tr>
							</tbody>
						</table>
						<table class="acreage_tab">
							<thead>
								<tr>
									<th>方案面积(㎡)</th>
									<th>差价</th>
								</tr>
							</thead>
							<tbody id="">
								<tr>
									<td>
										<input type="text" class="acreage_text"  id="acreageText" name="acreage" value="${scheme.acreage}"/>
									<td id="acreageChajiaTr"></td>
								</tr>
								<tr>
									<td colspan="2">
										<label>合计：</label>
										<span class="red" id="acreageChajia">0.00</span>
										<span>元</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="right">
						<table>
								<tr>
									<th colspan="2">费用明细</th>
								</tr>
							<tbody>
								<tr>
									<td>名称</td>
									<td>价格</td>
								</tr>
								<tr>
									<td>方案固定价</td>
									<td id="schemeChajia">${scheme.price?string("0.00")}</td>
								</tr>
								<tr>
									<td>主材差价</td>
									<td id="zhucaiChajia">0.00</td>
								</tr>
								<tr>
									<td>面积差价</td>
									<td id="mianjiChajia">0.00</td>
								</tr>
								<tr>
									<td colspan="2">
										<label>合计：</label>
										<span class="red" id="totalChajia">${scheme.price?string("0.00")}</span>
										<span>元</span>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div id="bar">
					<ul class="details_con_head clearfix">
						[#if scheme.introduction?has_content]
							<li id="introductionTab">
								<a href="#introduction" class="selected_option">方案介绍</a>
							</li>
						[/#if]
						[#if scheme.parameter?has_content]
							<li id="parameterTab">
								<a href="#parameter">配置参数</a>
							</li>
						[/#if]
						[#if scheme.configuration?has_content]
							<li id="configurationTab">
								<a href="#configuration">设备配置</a>
							</li>
						[/#if]
						[#if scheme.auxiliaryDescript?has_content]
							<li id="auxiliaryDescriptTab">
								<a href="#auxiliaryDescript">辅材介绍</a>
							</li>
						[/#if]
					</ul>
				</div>
				<div id="productIntroduce" class="product_introduce details_con_list">
					[#if scheme.introduction?has_content]
						<div id="introduction" name="introduction" class="product_parameter details_con_list">
							<div class="introduct_con">
								${scheme.introduction}
							</div>
						</div>
					[/#if]
					
					[#if scheme.parameter?has_content]
						<div id="parameter" name="parameter" class="product_parameter details_con_list">
							<h3>配置参数</h3>
							<div class="parameter_con">
								${scheme.parameter}
							</div>
						</div>
					[/#if]
					[#if scheme.configuration?has_content]
						<div id="configuration" name="configuration" class="product_parameter details_con_list">
							<h3>设备配置</h3>
							<div>
								${scheme.configuration}
							</div>
						</div>
					[/#if]
					[#if scheme.auxiliaryDescript?has_content]
						<div id="auxiliaryDescript" name="auxiliaryDescript" class="product_parameter details_con_list">
							<h3>辅材介绍</h3>
							<div>
								${scheme.auxiliaryDescript}
							</div>
						</div>
					[/#if]
				</div>
			</div>
			[#include "/pad/include/aside.ftl" /]
		</div>
		<form id="buildScheme" action="${base}/pad/member/order/buildScheme.jhtml" method="POST">
			<input id="build_schemeId" type="hidden" name="schemeId" value=""/>
			<input id="build_jsonParam" type="hidden" name="jsonParam" value=""/>
			<input id="build_schemeArea" type="hidden" name="schemeArea" value=""/>
			<input id="build_isTemperature" type="hidden" name="isTemperature" value=""/>
			<input id="build_isDissipate" type="hidden" name="isDissipate" value=""/>
			<input id="build_isPromote" type="hidden" name="isPromote" value=""/>
			<input id="build_isController" type="hidden" name="isController" value=""/>
		</form>
		[#include "/pad/include/footer.ftl" /]
		<div id="principalWindow" class="principalWindow">
			<div class="cover"></div>
			<div class="window_con">
				<span class="close_btn" id="closeTab"></span>
				<div class='changeMaterial'>
					<table id="selectSchemeProductTab">
						<thead>
							<tr>
								<th style="width:30px;">&nbsp;</th>
								<th>主材名称</th>
								<th>品牌</th>
								<th>规格</th>
								<th>分类</th>
								<th>差价</th>
							</tr>
						</thead>
						<tbody id="changeSchemeProductList">
							
						</tbody>
					</table>
				</div>
				<input type="button" value="确认" class="_btn button" id="sureBtn"/>
			</div>
		</div>
</body>
<script type="text/javascript" src="${base}/resources/public/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="${base}/resources/mobile/js/common.js"></script>
<script type="text/javascript">
	var base ="${base}";
</script>
<script type="text/javascript" src="${base}/resources/mobile/js/public.js"></script>
<script type="text/javascript" src="${base}/resources/shop/js/jquery.tools.js"></script>
<script type="text/javascript" src="${base}/resources/shop/js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="${base}/resources/mobile/js/scheme.js"></script>
</html>
